import React from 'react';
import { storyStatus } from '@/utils/data';
import styles from './index.module.css';

const StoryStatus = (props) => {
  const { status } = props;
  return (
    <div className={styles['story-status-box']}>
      <div className={`${styles['story-status']} ${styles[status]}`}></div>
      <div>{storyStatus[status]}</div>
    </div>
  );
};

export default StoryStatus;
